<template>
	<view class="dabox">
		<view class="top">
			<view class="avatar">
				<image src="../../static/images/nan.jpg" mode="" class="tu1"></image>
				<text>设计师....</text>
			</view>
		</view>
		
		<view class="buttom">
			<view class="bigbox">
				
				<view class="box1">
					<view class="left">置顶聊天</view>
					<view class="right">
						  <switch checked @change="switch1Change" />
					</view>
				</view>
				<view class="line"></view>
				<view class="box1">
					<view class="left">消息免打扰</view>
					<view class="right">
						  <switch checked @change="switch1Change" />
					</view>
				</view>
				<view class="line"></view>
				<view class="box1">
					<view class="left">屏蔽拉黑</view>
					<view class="right">
						  <switch checked @change="switch1Change" />
					</view>
				</view>
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
	    data() {
	        return {}
	    },
	    methods: {
	        switch1Change: function (e) {
	            console.log('switch1 发生 change 事件，携带值为', e.target.value)
	        },
	        switch2Change: function (e) {
	            console.log('switch2 发生 change 事件，携带值为', e.target.value)
	        }
	    }
	}
</script>

<style>
	@import "../../static/css/detail.less";
	
</style>
